#logindiv {
  height: calc(100%);
  text-align: center;
}
.logincontent {
  position: relative;
  margin: 0 auto;
}
#loginframedivloading {
  min-height: 200px;
}
.loginframe {
  position: relative;
  width: 348px;
  height: 367px;
  margin: 0 auto;
  overflow: hidden;
  text-align: center;
}
#loginframediverror {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 199;
  min-height: 44px;
  padding: 6px 16px;
  color: #ffffff;
  background-color: rgb(223, 86, 89);
  border-radius: 4px;
  opacity: 0.8;
}
#loginframediverror .ant-avatar {
  margin-top: 3px;
  margin-right: 16px;
  color: rgb(223, 86, 89);
  background: #ffffff;
}

.userloginmodal .ant-modal-body {
  min-height: 400px;
  padding: 0 !important;
}
.shaloubg{
    width: 100px;
    height: 100px;
    margin: 130px auto 0 auto;
}
.shaloubg::before {    
  content: url("data:image/svg+xml,%3Csvg width='3em' height='3em' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath fill='none' stroke='%23637dff' stroke-width='5' stroke-miterlimit='10' d='M58.4 51.7c-.9-.9-1.4-2-1.4-2.3s.5-.4 1.4-1.4C70.8 43.8 79.8 30.5 80 15.5H20c.2 15 9.2 28.1 21.6 32.3.9.9 1.4 1.2 1.4 1.5s-.5 1.6-1.4 2.5C29.2 56.1 20.2 69.5 20 85.5h60c-.2-16-9.2-29.6-21.6-33.8z'/%3E%3CclipPath id='a'%3E%3Cpath d='M15 20h70v25H15z'%3E%3Canimate attributeName='height' from='25' to='0' dur='1s' repeatCount='indefinite' values='25;0;0' keyTimes='0;0.5;1'/%3E%3Canimate attributeName='y' from='20' to='45' dur='1s' repeatCount='indefinite' values='20;45;45' keyTimes='0;0.5;1'/%3E%3C/path%3E%3C/clipPath%3E%3CclipPath id='b'%3E%3Cpath d='M15 55h70v25H15z'%3E%3Canimate attributeName='height' from='0' to='25' dur='1s' repeatCount='indefinite' values='0;25;25' keyTimes='0;0.5;1'/%3E%3Canimate attributeName='y' from='80' to='55' dur='1s' repeatCount='indefinite' values='80;55;55' keyTimes='0;0.5;1'/%3E%3C/path%3E%3C/clipPath%3E%3Cpath d='M29 23c3.1 11.4 11.3 19.5 21 19.5S67.9 34.4 71 23H29z' clip-path='url(%23a)' fill='%23637dff'/%3E%3Cpath d='M71.6 78c-3-11.6-11.5-20-21.5-20s-18.5 8.4-21.5 20h43z' clip-path='url(%23b)' fill='%23637dff'/%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 50 50' to='180 50 50' repeatCount='indefinite' dur='1s' values='0 50 50;0 50 50;180 50 50' keyTimes='0;0.7;1'/%3E%3C/g%3E%3C/svg%3E");
}
